﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="../../../CSS/Main.css" rel="stylesheet" />
    <script src="../../../Scripts/Thk.Utility.js"></script>
    <script src="../../lib/vue/vue-2.5.17.min.js"></script>
</head>
<body>
    <div id="app" style="overflow-y:hidden;">
        <button type="button" id="btnProjectId" class="bt_css_s min" @click="EDIT_WEEK_CLICK">编辑项目</button>
        <label class="hide" id="btnProjectName"></label>
        <button type="button" class="bt_css_s min" @click="EDIT_WEEK_CLICK">编辑周期</button>
        <button type="button" class="bt_css_s min" @click="SAVE_CLICK">保存</button>
        <div class="title">
            <table class="new_table" style="min-width:1150px;">
                <thead>
                    <tr class="new_frist_title">
                        <th>编号</th>
                        <th style="width:20%;">项目名称</th>
                        <th>月度资金计划审批金额</th>
                        <th>本月累计已拨付资金</th>
                        <th>本周上报资金计划</th>
                        <th>备注</th>
                        <th>申批金额</th>
                        <th>申批意见</th>
                    </tr>
                </thead>
            </table>
        </div>
        <div class="content">
            <!--<div>-->
            <table class="new_table" style="min-width:1150px;">
                <tbody>
                    <template v-for="item in Data">
                        <tr v-bind:class="item.Type==2?'Apply-Row-Lev-4':(item.Lev==1?'Apply-Row-Lev-1':(item.Lev==2?'Apply-Row-Lev-2':(item.Lev==3?'Apply-Row-Lev-3':'Apply-Row-Lev-4')))">
                            <td style="padding-left:9px;">{{item.Code}}</td>
                            <td style="width:20%;padding-left:9px;">{{item.Name}}</td>
                            <td style="text-align:right; padding-right:9px;">{{item.JzMoney}}</td>
                            <td style="text-align:right; padding-right:9px;">{{item.JzUseMoney}}</td>
                            <td style="text-align:right; padding-right:9px;">{{item.ApplyMoney}}</td>
                            <td style="text-align:right; padding-right:9px;">{{item.ApplyRemark}}</td>
                            <template v-if="item.Type==2||item.Type==4">
                                <td style="padding-right:9px;">
                                    <input type="text" v-model="item.AssMoney" @change="MONEY_CHANGE($event,item.Code)" style="width:100%;text-align:right;border:none;background-color:inherit;" />
                                </td>
                                <td style="padding-right:9px;">
                                    <input type="text" v-model="item.AssRemark" style="width:100%;text-align:right;border:none;background-color:inherit;" />
                                </td>
                            </template>
                            <template v-else>
                                <td style="padding-right:9px;">
                                    {{item.AssMoney}}
                                </td>
                                <td style="padding-right:9px;">
                                    {{item.AssRemark}}
                                </td>
                            </template>
                        </tr>
                    </template>
                </tbody>
            </table>
            <!--</div>-->
        </div>
    </div>
</body>
</html>